<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul></ul>
		<script>
			const ul = document.querySelector('ul');
			//创建li元素
			const li = document.createElement('li');
			// 追加元素到ul里面，追加的元素是追加到末尾
			ul.appendChild(li);
			li.innerHTML="我是追加的"
			// ul.appendChild(li);
			// 先创建再追加
			const li1=document.createElement('li');
			// 追加到最前面的
			ul.insertBefore(li1,ul.children[0]);
			li1.innerHTML="我是追加到前面的";
			
		</script>
	</body>
</html>